// import './public-path.js';
import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

import { createRouter,createWebHistory } from 'vue-router';

import routes from './router';

let router = null;
let instance = null;
let history = null;

function render(props = {}) {
	const { container } = props;
	history = createWebHistory(window.__POWERED_BY_QIANKUN__ ? '/vite1' : '/vite1');
	router = createRouter({
		history,
		routes,
		mode: 'history'
	});

	instance = createApp(App);
	instance.use(router);
	// instance.use(store);
	instance.mount(container ? container.querySelector('#app') : '#app');
}

// 独立运行时
if (!window.__POWERED_BY_QIANKUN__) {
  render();
}

export async function bootstrap() {
  console.log('[vue] vue app bootstraped');
}
export async function mount(props) {
  console.log('[vue] props from main framework', props);
  render(props);
}
export async function unmount() {
  instance.unmount();
  instance._container.innerHTML = '';
  instance = null;
  router = null;
  history.destroy();
}

console.log('---------------------------')
console.log(bootstrap, mount, unmount)